<script lang="ts" setup>
import {toValue} from 'vue';

import {ErrorMessage} from 'vee-validate';

import {useFormField} from './useFormField';

const {formMessageId, name} = useFormField();
</script>

<template>
  <ErrorMessage
      :id="formMessageId"
      :name="toValue(name)"
      as="p"
      class="text-destructive text-[0.8rem]"
  />
</template>
